<?php
require_once '../../session.php';
?>
<script type="text/javascript">
    $(document).ready(function() {
        $("#usuario").focus();
        cargarRoles();
    });
    
    function cargarRoles() {
        var parametros = {
            "accion" :  "getRolesCombo"
        };
        $.ajax({
            data:   parametros,
            url:    'controladores/rolControlador.php',
            type:   'post',
            beforeSend: function() {
                $("#roles").html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
            },
            success: function(respuesta) {
                $("#roles").html(respuesta);
            }
        });
    }
    
    $("#agregarUsuario").click(function() {
        var parametros = {
            "accion" :  "agregarUsuario",
            "usuario" : $("#usuario").val(),
            "password": $("#password").val(),
            "nombre" :  $("#nombre").val(),
            "apellido": $("#apellido").val(),
            "correo" :  $("#correo").val(),
            "rol" :     $("#combo").val()
        };
        $.ajax({
            data:   parametros,
            url:    'controladores/usuarioControlador.php',
            type:   'post',
            beforeSend: function() {
                $("#resultadoUsuario").html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
                $("#resultadoPassword").html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
                $("#resultadoNombre").html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
                $("#resultadoApellido").html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
                $("#resultadoCorreo").html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
            },
            success: function(respuesta) {
                $("#respuesta").html(respuesta);
            }
        });
    });
    
</script>
<h4>Alta de Usuarios</h4>
<p style="clear: both;">
    <label>Usuario</label>
    <input type="text" name="usuario" id="usuario" maxlength="45" style="float: left;" />
    <div id="resultadoUsuario"></div>
</p>
<p style="clear: both;">
    <label>Password</label>
    <input type="password" name="password" id="password" maxlength="45" style="float: left;" />
    <div id="resultadoPassword"></div>
</p>
<p style="clear: both;">
    <label>Nombre</label>
    <input type="text" name="nombre" id="nombre" maxlength="45" style="float: left;" />
    <div id="resultadoNombre"></div>
</p>
<p style="clear: both;">
    <label>Apellido</label>
    <input type="text" name="apellido" id="apellido" maxlength="45" style="float: left;" />
    <div id="resultadoApellido"></div>
</p>    
<p style="clear: both;">
    <label>Correo</label>
    <input type="text" name="correo" id="correo" maxlength="100" style="float: left;" />
    <div id="resultadoCorreo"></div>
</p>
<p style="clear: both;">
    <label>Rol</label>
    <div id="roles"></div>
</p>
<p style="clear: both;">
    <input type="button" class="btn btn-success" id="agregarUsuario" value="Agregar" />
</p>

<div id="respuesta"></div>
